<template>
    <video style="height:100px" muted="muted" class="video" :src="src" type="video/mp4" controls="controls" loop="-1"></video>
</template>

<script lang="ts" setup>
import { ref, onMounted, computed, reactive } from 'vue';
    const props = defineProps({
        src: String
    });
        onMounted(()=>{
            // console.log(props);
        });
    
    
</script>


<!-- <template>
    <video style="width:150px" muted="muted" class="video" :src="src" type="video/mp4" controls="controls" loop="-1"></video>
</template> -->

<!-- <script lang="ts">
import { defineComponent, PropType, computed, toRaw, onMounted } from 'vue';
export default defineComponent({
    props: {
        src: String
    },
    setup(props) {
        onMounted(()=>{
            console.log(props);
        });
        const getVideo = computed(()=>{
            return props.src
        });
        return {
            getVideo,
        };
    },
});
    
    
</script> -->

